export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M916 420.818l-290.534-24.952L512 128l-113.486 267.868L108 420.818l220.384 191.048L262.322 896 512 745.372 761.66 896l-66.042-284.132L916 420.818zM545.062 690.572 512 670.624l-33.06 19.946-119.976 72.382 31.758-136.592 8.738-37.58-29.154-25.274-105.988-91.878 139.672-11.996 38.412-3.3 15.042-35.5 54.552-128.762 54.54 128.758 15.04 35.502 38.416 3.3 139.692 11.996-105.986 91.878-29.152 25.272 8.734 37.576 31.75 136.598L545.062 690.572z"></path>
            </svg>
        </span>
    )
}